<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
			LISTADO DE ENTRADAS DE INVENTARIO
		</ui:define>
	<ui:define name="content">

		<p:growl id="mensaje" showDetail="true" life="7000" />

		<p:panel id="panel" header="LISTADO
			DE ENTRADAS DE INVENTARIO"
			style="margin-bottom:10px;">

			<h:form id="busquedaTabla">
				<h:panelGrid columns="3">
					<h:outputText value="CÉDULA / APELLIDOS / NOMBRES " />
					<p:inputText value="#{listadoIngresoBean.criterioBusquedaCliente}"
						onblur="this.value=this.value.toUpperCase();" />
					<h:outputText />

					<h:outputText value="CÓDIGO " />
					<p:inputText value="#{listadoIngresoBean.criterioBusquedaCodigo}"
						onblur="this.value=this.value.toUpperCase();" />
					<h:outputText />

					<h:outputText value="EAN / CODIGO1 / CODIGO2 / NOMBRE " />
					<p:inputText value="#{listadoIngresoBean.criterioBusquedaDetalle}"
						onblur="this.value=this.value.toUpperCase();" />

					<p:commandButton update="busquedaTabla, :formDataTable, :mensaje"
						icon="#{msg['iconoBuscar']}"
						actionListener="#{listadoIngresoBean.obtener}" />
				</h:panelGrid>
			</h:form>

			<h:form id="formDataTable">
				<p:dataTable id="tablaListadoEntradas" var="ingreso"
					value="#{listadoIngresoBean.listaIngresos}" paginator="true"
					scrollable="true" styleClass="ui-datatable-scrollable-body"
					rows="10" rowsPerPageTemplate="5,10,15"
					paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
					paginatorPosition="bottom"
					emptyMessage="#{msg['lbl.mensajeTabla']}">

					<p:column headerText="GESTIONAR"
						style="text-align:center;width:15% !important">

						<p:tooltip for="btnMostrar" value="MOSTRAR" />
						<p:commandButton id="btnMostrar" update=":formMostrar"
							oncomplete="PF('listaIngresoDialogoMostrar').show()"
							icon="ui-icon-newwin">
							<f:setPropertyActionListener value="#{ingreso}"
								target="#{listadoIngresoBean.ingreso}" />
						</p:commandButton>

					</p:column>

					<p:column headerText="CEDULA" style="text-align:center;">  
            			#{ingreso.proveedor.persona.cedula}  
        		</p:column>

					<p:column headerText="PROVEEDOR" style="text-align:center;">  
            			#{ingreso.proveedor.persona.apellido} #{ingreso.proveedor.persona.nombre}
        			</p:column>

					<p:column headerText="CODIGO" filterBy="#{ingreso.codigodocumento}"
						filterMatchMode="contains" style="text-align:center;">  
            			#{ingreso.codigodocumento}  
        		</p:column>

					<p:column headerText="TIPO DE DOCUMENTO" style="text-align:center;">  
            			#{ingreso.tipodocumento.nombre}  
        		</p:column>

					<p:column headerText="FECHA FACTURA" style="text-align:center;">
						<p:outputLabel value="#{ingreso.fechafactura}">
							<f:convertDateTime pattern="dd/MM/yyyy"
								timeZone="America/Guayaquil" />
						</p:outputLabel>
					</p:column>

					<p:column headerText="FECHA INGRESO" style="text-align:center;">
						<p:outputLabel value="#{ingreso.fechaingreso}">
							<f:convertDateTime pattern="dd/MM/yyyy"
								timeZone="America/Guayaquil" />
						</p:outputLabel>
					</p:column>

				</p:dataTable>
			</h:form>
		</p:panel>


		<p:dialog header="MOSTRAR INGRESO"
			widgetVar="listaIngresoDialogoMostrar" resizable="false"
			modal="false" showEffect="clip" hideEffect="fold" id="dialogoMostrar"
			width="50%">

			<h:form id="formMostrar">

				<h:panelGrid id="panelMostrar" columns="2">

					<h:outputText value="NUMERO DE INGRESO" />
					<h:outputText value="#{listadoIngresoBean.ingreso.ingresoid}"
						style="font-weight:bold" />

					<h:outputText value="CI PROVEEDOR" />
					<h:outputText
						value="#{listadoIngresoBean.ingreso.proveedor.persona.cedula} - #{listadoIngresoBean.ingreso.proveedor.persona.apellido} #{listadoIngresoBean.ingreso.proveedor.persona.nombre}"
						style="font-weight:bold" />

					<h:outputText value="TIPO DE DOCUMENTO" />
					<h:outputText
						value="#{listadoIngresoBean.ingreso.tipodocumento.nombre}"
						style=" font-weight:bold" />

					<h:outputText value="CODIGO DE DOCUMENTO" />
					<h:outputText value="#{listadoIngresoBean.ingreso.codigodocumento}"
						style="font-weight:bold" />

					<h:outputText value="FECHA FACTURA" />
					<p:outputLabel style="font-weight:bold"
						value="#{listadoIngresoBean.ingreso.fechafactura}">
						<f:convertDateTime pattern="dd/MM/yyyy"
							timeZone="America/Guayaquil" />
					</p:outputLabel>

					<h:outputText value="FECHA INGRESO" />
					<p:outputLabel style="font-weight:bold"
						value="#{listadoIngresoBean.ingreso.fechaingreso}">
						<f:convertDateTime pattern="dd/MM/yyyy"
							timeZone="America/Guayaquil" />
					</p:outputLabel>
				</h:panelGrid>

				<p:dataTable id="tablaDetalle" var="detalleIngreso"
					value="#{listadoIngresoBean.ingreso.detalleingresos}"
					paginator="true" rows="5">

					<p:column headerText="NOMBRE DEL PRODUCTO"
						filterBy="#{detalleIngreso.producto.nombreimprimir}"
						style="text-align:center;width: 50px;">  
            			#{detalleIngreso.producto.nombreimprimir}  
        		</p:column>

					<p:column headerText="CANTIDAD"
						style="text-align:center;width: 50px;">  
            			#{detalleIngreso.cantidad}  
        		</p:column>

					<p:column headerText="BODEGA"
						filterBy="#{detalleIngreso.bodega.nombre}"
						style="text-align:center;width: 50px;">  
            			#{detalleIngreso.bodega.nombre}  
        		</p:column>

					<p:column headerText="PRECIO"
						style="text-align:center;width: 50px;">  
            			#{detalleIngreso.precio}  
        		</p:column>

				</p:dataTable>

			</h:form>
		</p:dialog>


	</ui:define>

</ui:composition>
</html>